<template>
<div>
<AttendanceHeader :profile-name="msg" :profile-image-url="url" :dayInfo="timeinfo"></AttendanceHeader>


    <div class="rest-content">
        <ul>
            <li class="clear">
                <img src="http://owtz12sxf.bkt.clouddn.com/01.jpg" alt="">
                <h5>杨翎子</h5>
                <div>
                    <span>
                        <em>10</em>次调休</span>
                    <span>已调休
                        <em>2.5小时</em>
                    </span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                    <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
            <li class="clear">
                <img src="http://owtz12sxf.bkt.clouddn.com/01.jpg" alt="">
                <h5>杨翎子</h5>
                <div>
                    <span>
                        <em>100</em>次调休</span>
                    <span>已调休
                        <em>100.5小时</em>
                    </span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                    <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
            <li class="clear">
                <img src="http://owtz12sxf.bkt.clouddn.com/02.jpg" alt="">
                <h5>杨翎子</h5>
                <div>
                    <span>
                        <em>10</em>次调休</span>
                    <span>已调休
                        <em>2.5小时</em>
                    </span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                    <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
            <li class="clear">
                <img src="http://owtz12sxf.bkt.clouddn.com/03.jpg" alt="">
                <h5>杨翎子</h5>
                <div>
                    <span>
                        <em>10</em>次调休</span>
                    <span>已调休
                        <em>2.5小时</em>
                    </span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                    <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
            <li class="clear">
                <img src="http://owtz12sxf.bkt.clouddn.com/04.jpeg" alt="">
                <h5>杨翎子</h5>
                <div>
                    <span>
                        <em>10</em>次调休</span>
                    <span>已调休
                        <em>2.5小时</em>
                    </span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                    <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
            <li class="clear">
                <img src="http://owtz12sxf.bkt.clouddn.com/04.jpeg" alt="">
                <h5>杨翎子</h5>
                <div>
                    <span>
                        <em>10</em>次调休</span>
                    <span>已调休
                        <em>2.5小时</em>
                    </span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                    <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
            <li class="clear">
                <img src="http://owtz12sxf.bkt.clouddn.com/04.jpeg" alt="">
                <h5>杨翎子</h5>
                <div>
                    <span>
                        <em>10</em>次调休</span>
                    <span>已调休
                        <em>2.5小时</em>
                    </span>
                </div>
                <svg class="icon arrow" aria-hidden="true">
                    <use xlink:href="#icon-right-arrow"></use>
                </svg>
            </li>
        </ul>
        <p v-for="x in 50 " :key="x">{{x}}</p>
    </div>
    </div>
</template>
<script>
import AttendanceHeader from "../component/header.vue";
export default {
  name: "r--overview--content",
  components: {
    AttendanceHeader
  },
  data() {
    return {
      msg: "hzz",
      url: "http://owtz12sxf.bkt.clouddn.com/01.jpg",
      timeinfo: "2017-13",
      allAttendance: 17,
      lateCount: 1,
      missCard: 2,
      outerAttendance: 3,
      AttendancePercentage: 80
    };
  }
};
</script>